<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="../style.css" />
		<link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico" />
		<title>Mensa NordESU Piovego</title>
	</head>
	<body>
		<div id="header">
			<span id="lang">
				<span id="lang_switch_selected">ITA</span>
				<a id="lang_switch" href="">ENG</a>
			</span>
			<h1>Ristorante NordESU Piovego</h1>
		</div>
		<div id="path">
			Ti trovi in: <a href="../index.html"><span xml:lang="eng">Home</span></a> > <a href="../menu.html"><span xml:lang="eng">Menù</span></a> > <span id="clb">Gnocchi al ragù</span>
		</div>
		<div id="nav">
			<ul>
				<li>
					<a href="../home.html"><span xml:lang="eng">Home</span></a>
				</li>
				<li>
					<a href="../news.html"><span xml:lang="en">News</span></a>
				</li>
				<li>
					<a href="../where.html">Dove Siamo</a>
				</li>
				<li>
					<a href="../menu.html">Menù</a>
				</li>
				<li>
					<a href="../prices.html">Prezzi</a>
				</li>
				<li>
					<a href="../info.html">Info e Contatti</a>
				</li>
			</ul>
		</div>
		<div id="section">
			<h1>Gnocchi al ragù</h1>
			<div >			
				<div id="recent_news">
					Gli gnocchi sono uno dei piatti più famosi della tradizione italiana. Facili da preparare e gustosissimi se abbinati ad un sugo di carne come
					il ragù di carne proposto per il nostro menù. <a href="http://blog.giallozafferano.it/cucinamartina/gnocchi-al-ragu-di-carne/">Qui</a> trovi 
					la ricetta per prepararli da te ma, se li avessi mangiati da noi, sei invitato a votarli e a lasciare un <a href="#form">commento</a>!
				</div>
				<div id="content"><img src="../images/gnocchi.png" alt="Gnocchi al sugo con abbondante ragù" /></div>
					
			</div>			
			<h2>
				Commenti:
			</h2>
			
			<!-- Commenti recenti -->
			<div class="commenti_submit">
				<dl>
					<dt>
						Nome utente1
					</dt>
					<dd>
						Gli gnocchi di oggi sembravano veramente di patate<br/>
						<div>
							<img src="../images/like.jpg" alt="Mi piace"  class="like_pic"/><div class="like_n">3</div>
						</div>
					</dd>
					<dt>
						Nome utente2
					</dt>
					<dd>
						Il gusto del ragù di carne mi ricordava molto le svizzere di ieri<br/> 
						<div>
							<img src="../images/like.jpg" alt="Mi piace" class="like_pic"/><div class="like_n">5</div>
						</div>
					</dd>
				</dl>
		</div>
		
		<h2>
				Commenta!
			</h2>
		<!-- form inserimento commenti -->
		<div id="form_container"><a name="form"/>
			<form class="commenti_submit">
				<fieldset>
					<legend>
						I tuoi dati
					</legend>
					<dl>
						<dd>
							<p class="form_description">
								<label for="email">La tua email:</label>
							</p>
							<p class="form_item">
								<input type="email" id="email" placeholder="Indirizzo email" required/>
							</p>
						</dd>				
						<dd>
							<p class="form_description">
								<label for="commento">Commento</label>
							</p>
							<p class="form_item">
								<input type="text" id="commento" placeholder="Commento..." rows="3" required/>
							</p>
						</dd>				
						<!--<dd>
							<p class="form_description">
								<label for="tipologia">Tipo di utente</label>
							</p>						
							<p class="form_item">
								<select id="tipologia" name="list" onChange="">
									<option>Studente</option>
									<option>Docente</option>
									<option>Esterno</option>
								</select>
							</p>
						</dd>-->
					</dl>
				</fieldset>
				<div class="form_action">
					<button type="submit" class="action-button">Invia!</button>
				</div>
			</form>
			</div>
		
		</div>
		<div id="footer">
			<span id="social_container">
				<a href="http://www.facebook.com"><img src="images/icon_fb.png" alt="Facebook" /></a>
				<a href="http://www.foursquare.com"><img src="images/icon_foursquare.png" alt="Foursquare" /></a>
				<a href="http://www.instagram.com"><img src="images/icon_instagram.png" alt="Instagram"/></a>
			</span>
			<span id="credits">Mensaddicted</span>
			<span id="w3c_container">
				<a href="http://validator.w3.org/check?uri=referer">
					<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
				<a href="http://jigsaw.w3.org/css-validator/check/referer">
					<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS Valido!" />
    			</a>
			</span>
		</div>
	</body>
</html>